homepage6047　2019年 3月

プログラミングやRPG（作るほう）が好きな人の日記

2019/3/30（土）

見つけた面白サイト

人物イラストを描く際、人体のS字カーブ（骨格）というものを意識して描くと、本物に近くなる…ということで「人体　S字」で検索していて面白サイトを見つけました。

「身体の骨がS字」という話ではなく、「ポーズをS字に」という話のサイトです。

面白いのは最初の画像です。

左側の画像だと、おっぱいも「ただ無駄にくっついてるだけ」という感じがしますが、

右側の画像だと、あきらかに生かされてる感じです。

Ｓ字ポーズで 立ち姿を魅力的にしよう

骨格のS字の他にポーズのS字も考慮して人物イラストを描くと良いかもしれません。

「キャラクターモデリング造形力矯正バイブル第２版」という本 -[modeling]

目をキラキラさせる

本の説明では、私が作業している現時点で、「仮の眼球を入れて、まぶたを作りましょう」という話になっています。

上の２つの画像の上のほうはその本の説明のままに作った眼球です。死んではいないけど多少死んだような目になっています。

本の中で「（仮の眼球ではなく）最終的には２重構造にし、瞳部分は凹ませて、角膜部分は凸状態にしてガラスのように作ると美しい」と書かれていて、私は「それがイイ」と思って今の時点でその通りにして作りました。それが２つめのほうの画像です。目がキラキラしてます。

これは私が以前 日記で書いた「ラブリーメソッド」なのであって、創作の途中で部分的に魅力的にすることで創作にエンジンがかかります。

肌の色も本のほうでは現時点で灰色ですが、私は頭を作ってる段階で肌色にしました。

　

「本のとおりの仮眼球」と、「ガラスのように作ると美しい - 間違えた例」と、「ガラスのように作ると美しい - 正しい例」の３種類の眼球を詳しく比べてみましょう。

この動画の上中下の目玉が、 それぞれ右の上中下に対応しています。 一番下が一番きれいですよね。	▼「本のとおりの仮眼球」 完全な球体にテクスチャを張っただけです。 仮の眼球としてはこれで良いでしょう、ということです。 両目の焦点がわずかに合っていないような？ （球体：　反射なし）
	▼「ガラスのように作ると美しい - 間違えた例」 「瞳部分は凹ませて」の意味を間違えて「眼球を平面に削った」例です。 これでも上の目よりは自然に見えます。 男らしい男性キャラはこれでいいかも。 （レンズ部分：　反射0.6　屈折なし）
	▼「ガラスのように作ると美しい - 正しい例」 「瞳部分は凹ませて」とは言葉通り。「瞳をへこませた」例です。 目がきらきらしていて、美しいとはこのことですね。 女の子キャラや、やる気を出して燃えてる男性キャラはこれかな。 （レンズ部分：　反射0.6　屈折1.3）

それでこの後はまぶたを作ることになっています。

「キャラクターモデリング造形力矯正バイブル第２版」という本は、著者の仕事 として確かに読者が上手になれるように、という感じのする仕事人の方が書いた本です。専門学校には行けないけどモデリングを勉強したい！という人におすすめです。へたくそ！私はウマモデラーだ！教えてあげよう！という言葉がたくさん出てきますが、そういうのが苦手な人はあらかじめそういうのがあると知っていれば大丈夫じゃないかな？私は著者に直にあって指南してもらえたらいいなと思いました。

※この本では Maya というプロ向けの 3DCG ソフトを使って説明していますが、私は以前日記で書いた通り Shade3D Ver17 Basic のユーザーです。Maya と同じ機能、似た機能を Shade3D のなかで探しながらモデリングしています。

（訪問者のどんなニーズと この記事がつながるか）

• リアルモデリングをしたい。モデリングの良い本は？

2019/3/22（金）

「ソーサリアン・コンプリート」　同梱音楽CD　全97曲の私的評価

今年2019年２月にPROJECT EGG から発売された「ソーサリアン・コンプリート Windows10対応版」（9,801円）に同梱の音楽CD『SORCERIAN COMPLETE -RARE SELECTION-』の私なりの評価が完了したので公開します。

このCDは主に、ソーサリアンというゲームソフトに後から追加されたシナリオ（そのなかでもTAKERUというソフトウェア自動販売機で販売されたもの）の楽曲で構成されています。

評価方法は、PCの音質設定をすべてオフにしてiTunesのイコライザをFlatにし、密閉型のイヤホンで聴いて評価しています。１曲をその時間で５等分して、５等分した各部分を５段階評価し、その数字を時間の並びのまま並べて５桁の数字にしたものが下図（iTunes画面）のコメント列に並んでいます。その列で降順に並べると、高評価ほど上にランクインします。（45555よりは51111のほうが高評価になってしまう問題があるが、まれなのでそんなに問題にならない）

評価２が基準で、評価２は「良くも悪くもない」という意味です。全９７曲を評価しましたが、上位53曲までを掲載し、それ以下44曲は割愛しました。実際の作曲者がこのページを読む可能性が０ではないからです。複数の作曲者がいる中、自分の曲が最低ランクになっているのを見て悲しむという場合もあるでしょう。

評価は私の気まぐれで常に修正が加えられるので、今日評価４でも後日３に落としたりと常に変動します。

５桁の数字の右端の記号の意味：

＋　：　５段階評価とは別に、どこか芸術的な良さを感じる曲に付与

－　：　５段階評価とは別に、残念なところがある曲に付与

ｂ　：　５段階評価とは別に、ゲームのBGMとして効果的であると思った曲に付与

ソーサリアンのメインスタッフではなく、サードパーティーのスタッフが製作したシナリオ、楽曲なので、「ほとんどいまいちもありえる…」なんて構えていましたが、聴いてみれば、メインシナリオの楽曲に匹敵するBGM（高評価）が１２曲もありました。

念のため言っておきますが、ファルコムの楽曲は当時のPCゲームの中ではレベル（音色やメロディの質）が高く、仮に「22222」のような評価をしている曲でも、当時の他のPCゲーム（FM音源のプリセット音色を使っているような曲）から比べれば、だいぶ聴ける曲です。

全９７曲を聴いて思ったのは、音色がメインシナリオのもの（いわゆるファルコム音色）を使っているようで、どこか「イース」っぽい曲もありました。

しかし、各シナリオの「シナリオクリア」の評価がどれも低めなのが気になりました（私の評価ですが）。どれもエンディングらしい曲にはなっているけど「いいな」とはあまり思わなかった感じです。

ちなみにこのリストでトップの「時の神殿 ネガティル１」は、私が持っているメインシナリオの楽曲５６曲の中では１４位の評価になっています。

iPodに入れるゲーム音楽のレパートリーが増えてよかったです。

（訪問者のどんなニーズと この記事がつながるか）

• 「ソーサリアンコンプリートWindows10対応版」を買う予定、または買ったので、その情報を読みたい
• ゲーム音楽の情報を読みたい

2019/3/17（日）

今月の冒頭コンテンツ　「ゆがむにゃんこ」

グラディウスVのスーパープレイ動画の最後のボスの出現時、画面全体がユラユラと揺れます。

このユラユラはどうやるのか…と思ってやってみたのが今月の冒頭コンテンツです。

ふつうにmp4動画をHTMLの背後に置いているだけであって、JavaScriptでレンダリングしてユラユラして…というようなことはしていません。

3DCGモデリングソフトで、板状のものをうまく波打つように加工して、その材質をレンズっぽく透明化（透明化＋屈折率）し、背後ににゃんこを置きます。レンズ板を回転させれば、冒頭コンテンツの出来上がりです。

▲レンズ板を回転させるとユラユラになる

（訪問者のどんなニーズと この記事がつながるか）

• おもしろいものを見たい（記事ではなくコンテンツのほう）

2019/3/16（土）

電子機器組み立て回路の理解 -[kumitate]

電子機器組み立て１，２級の「省エネコントローラー」。

私は作業（正確さ、スピード）が苦手ということで、回路の理解を深めることで力にしようとしています。

今回は「単安定マルチバイブレータ回路」を見てみます。

「単安定」とは、基本的に波形の下の状態で波形は安定していて、なにかイベントがあると一時的に波形が上のほうに上がるという意味のようです。前回は「無安定」で、上にも下にも安定することなく、常に上下運動を繰り返すというもの（振動、発振、交流波形）でした。ほかに「双安定」というものがあり、上か下かどちらかの状態を保つというもので、コンピューターのメモリ（ビットが１か０かを記憶する）に使われるそうです。

▼「省エネコントローラー」ブロック図。今回は緑色で示した部分です。白い部分は前回、前々回です。

▼「省エネコントローラー」回路図。この明るい部分を実験します。

▼上図明るい部分の実体配線図です。

▼上図実体配線図のとおりに作成した電子回路です。

電源投入

ICの入力 Trigger は "負論理"（通常は入力ハイで動作するところ、入力ローで動作する） なので、入力のない状態を5Vとし、入力のある状態を0Vとします。

▼ボタンを押さない状態の入力（約5V）	▼ボタンを押した状態の入力（約0V）

そして出力を見ると

波打つような波形ならオシロスコープは特に何もしないでも波形を表示してくれますが、1回飛び上がるだけという波形の場合は、オシロスコープの「トリガ」という機能を使って、その飛び上がりの瞬間をつかまえる、という設定が必要になります。ここでは説明しませんが、それがオシロスコープの面白いところの１つなので、使い方を習得すると良いと思います。

▼ボタンを押すとこのような波形になった	▼波形の幅を測ると、3.48s	▼波形の高さを測ると、4.48V

これでいいのかな？

ちなみに、最初、ボタンを押してもうまく動かなかったんですが、確認したら「ボタンを押すと短絡（ショート）する」という回路になっていました。

危なかったです。

計算で裏付けする

Wikipediaの「555タイマー」のページによると、この波形の幅は、

で求められるということです。

この R, C が資格試験の回路図ではどの部品に対応しているかと言うと、

▼Wikipediaの回路図	▼資格試験の回路図
R	R23（300k）
C	C13（10u）

そして計算してみると、

 実験結果の波形の幅は、3.48s なので、だいたい合っていますね。

ボタンの押し方

この回路は、ボタンの押し方によって動きが変わるところが興味深いです。

ボタンの押し方	動き	考察
１回押す	ハイになり3.3秒でロー	1瞬押したからといって出力もすぐにローになるのではなく、設定どおり3.3秒間ハイを維持してからローになります。
１秒押す	ハイになり3.3秒でロー	少し長押ししても、設定どおり3.3秒間ハイを維持してからローになります。 押し始めから数えて、3.3秒でした。
３秒よりも長い時間押す	押している間ハイ、 離した瞬間ロー	押されている間はとにかくハイで、離すと3.3秒は過ぎているのですぐにローになります。

オシロスコープ画面再現 JavaScript

▼上表にならって 1回押し、1秒押し、3秒以上押し を試してみてください。（基板写真の緑ボタンを押す）

※ウィンドウリサイズすると画面が乱れます

とにかく押されたら 少なくとも3秒はハイにする、という動きをしていますね。

（この JavaScript はオシロスコープの画面の "ROLL" （時間軸設定が長すぎるときは画面スクロールで対応する）など実際のオシロスコープと同一の動きになっています）

電子回路が、しっかりと決められた動きをしていると感じられ、おもしろい！と思いました。

次回は論理回路（制御回路）を見てみます。

（訪問者のどんなニーズと この記事がつながるか）

• 国家資格「電子機器組み立て１級、２級」の情報がほしい
  （※同資格に回路の理解は基本的に不要です）

2019/3/14（木）

3DCGソフトで作成したモデルをJavaScriptで表示する -[3dcgprogram]

There is no canvas.

▲3DCGソフトで作成したモデルをJavaScriptでアニメーションしている

3DCGソフトで作成したモデルを JavaScript で表示することができれば、いろいろ創作の幅が広がると思います。

ここでは3DCGソフトとして、Shade3D を使っていますが、FBX形式の出力ができるものであればどの3DCGソフトでもOKです。

▼Shade3D のモデリング中の画面です。

▼Shade3D でのモデリング結果です。

Shade3Dのファイルメニューから、エクスポート＞FBX ...　を選び、テキスト形式で .fbx ファイルを出力します。

そして、fbxToJs_converter.cgi という、私が作成した Perl スクリプトで処理すると、theModel.js というファイルが出来上がります。

（Perl スクリプトが .cgi (Web用拡張子) となっていますが、コマンドラインから perl.exe fbxToJs_converter.cgi ～.fbx とするような使い方を想定しています）

theModel.jsは .fbx ファイルの内容を JavaScript のオブジェクトの記述に書き直したテキストファイルです。

fbxのすべての情報をJavaScriptで利用可能になっています。

その .js ファイルを読み込んだのが、最初のアニメです。（アニメはJavaScriptによる独自のプログラムであり、3DCGソフトで作成したアニメではありません）

このアニメで利用している .fbx の内容は頂点座標と面の頂点インデックス（面はどの頂点を使うかという配列）だけです。

JavaScriptでの、ライブラリを使用しない手計算による3DCG描画とはいえ、下図のように、3DCGソフトウェアのレンダリング結果と一致する描画ができています。

▼赤線：JavaScriptが描画。薄い画像：Shade3Dのレンダリング結果。

一連のファイルをまとめたZIPファイルを掲載しておきます。

ZIPファイルの中の fbxToJs_ModelViewer.html というファイルをブラウザで開くと最初のアニメと同じものが表示されます。

fbxToJs_converter.cgi （Webアプリではなくコマンドラインでの実行を想定したスクリプト）を動かすには Perl をインストールする必要があります。

fbx2js.zip （24KB）

（訪問者のどんなニーズと この記事がつながるか）

• 3DCGソフトで作成したモデルをホームページ上のプログラムで表示したい。

2019/3/6（水）

電子機器組み立て回路の理解 -[kumitate]

「電子機器組み立て１級、２級」という資格は、試験開始と同時に、皆が一斉にトンカチをたたき始めるという、少し変わった資格です。でもそれが電子回路を組み立てる上で結構重要な作業なんです。

トンカチの話はともかく、今回は「無安定マルチバイブレータ回路」と呼ばれている部分について実験してみようと思います。

前回は下図（試験の回路のブロック図）の右上、「比較回路」を実験しました。今回は左下の「無安定マルチバイブレータ回路」です。

その名前をひも解く

「無安定マルチバイブレータ回路」って意味不明な名前ですよね。

「無安定」、「マルチ」、「バイブレータ」をそれぞれ調べてみると…

「バイブレータ」 … "振動するもの、振動器、バイブレーター"（Weblio辞書「vibrator」より）

電子回路で「振動」と言ったら、これ↓です。交流波形ですね。交流波形には形によって種類がありますが、そのうちの「矩形波」です。

「マルチ」 … "矩形波には倍音が多く含まれているため、マルチバイブレータと呼ばれるようになった。"

倍音というのはこういうことです。

「無安定」 … 上下に揺れている、バイブレータが動いて波形を出している状態を「無安定」と言い、上か下の一方のままの状態を「安定」と言うみたいです。無安定とは交流波形のことなんですね。

というわけで、「無安定マルチバイブレータ回路」っていうのは、「矩形波を出す回路」ということで間違いなさそうです。

電子回路で「波形を出す」と言ったら、セラロックを使うとか、クリスタルを使うとか、信号発生器や発振器を使うとかだと思っていたので、こういう方法でも波形が出せるとは意外でした。

それではたんたんと進めていきます。

下図は「無安定マルチバイブレータ回路」の回路図です。

この回路で作られた波形は下図のように、３か所へ供給されます。

▲サイトの説明の回路図	▲資格試験の回路図

左図、サイト説明の Ra が、右図、資格試験の R28 に対応し、Rb が R29 に対応、C が C17 に対応しています。

それで計算すると…

こんな感じで、だいたい合っていますね。

以上のとおり、回路では4Hzの波形を作成して、回路のクロックとして使用している、ということがわかりました。

次回は「単安定マルチバイブレータ回路」を見てみます。

無安定マルチバイブレータ回路は、555タイマーICを使用したり、2個のトランジスターとコンデンサーを使用したり、NOT論理（インバータ）を使用したりといろいろな方法があるようです。

（訪問者のどんなニーズと この記事がつながるか）

• 国家資格「電子機器組み立て１級、２級」の情報がほしい
  （※同資格に回路の理解は基本的に不要です）

2019/3/5（火）

先月の冒頭のSVCは宙に浮いていましたが、今回のはキャラが地面に固定されています。

また、スカートを見ると、腰の部分で可動するように工夫してあります。

そのほか、内部のプログラムを見直したり整頓したりと変更しています。

…プログラムを変更した、と簡単に言っていますが、結構大変で苦労しています。（座標計算はいつも とても 苦労します）

もうちょっとバラエティ豊かにデモンストレーション（皆さんに楽しんでもらう）できたら良いですね…。

（訪問者のどんなニーズと この記事がつながるか）

• アニメが見たい